.header{
	.nav{
		li{
			&:nth-child(4){
				a{
					color: #00a0e9;
				}
			}
		}
	}
}
.part1{
	padding: 50px 10%;
	.part1-1{
		margin-top: 50px;
		display: flex;
		img{
			width: 55%;
		}
		ul{
			width: 45%;
			li{
				margin: 10% 10%;
				font-size: 22px;
				
				display: flex;
				align-items: center;
				i{
					display: inline-block;
					width: 36px;
					height: 38px;
					margin-right: 20px;
					img{
						width: 100%;
						height: 100%;
					}
				}
			}
		}
	}
	
	.part1-2{
		ul{
			width: 100%;
			margin: 150px 0;
			display: flex;
			li{
				h2{
					font-size: 28px;
					font-weight: bold;
					margin-bottom: 50px;
					&:before{
						content: '';
						    width: 8px;
						    display: inline-block;
						    height: 30px;
						    margin: -5px 15px;
						    background-color: #00a0e8;
					}
				}
				p{
					color: #676767;
					font-size: 20px;
					line-height: 35px;
					margin-bottom: 40px;
				}
				button{
					border: 1px solid #00a0e8;
					border-radius: 10px;
					background-color: #fff;
					height: 43px;
					width: 138px;
					font-weight: bold;
					letter-spacing: 2px;
				}
				&:nth-child(1){
					width: 40%;
				}
				&:nth-child(2){
					width: 60%;
					display: flex;
					img{
						border-radius: 10px;
						margin: 0px 20px;
						
					}
				}
			}
		}
		
	}
	
}
@media screen and (max-width: 1569px) {
   .part1-2{
		ul{
			flex-direction: column;
			li{
				&:nth-child(1){
				width: 100% !important;	
				margin-bottom: 30px;
				}

			}
		}
}
}
.part2{
	padding: 50px 10%;
	background-color: #f5f5f5;
	.part2-1{
		#box{
			width: 100%;
			height: 500px;
			position: relative;
		}
		.line-hr{
			width: 100%;
			height:3px ;
			background-color: #4c4c4c;
			position: absolute;
			top: 245px;
			
		}
		.circle{
				width:65px;
				height:65px;
				background-color: #4c4c4c;
				position: absolute;
				border-radius: 50%;
				top: 213px;
				padding: 22px 0;
				text-align: center;
				color: #fff;
				letter-spacing: 1px;
			}
			.c2{
				left:25%;
			}
			.c3{
				left:50%;
			}
			.c4{
				left: 75%;
			}
			.timeline{
				width: 3px;
				height: 190px;
				position: absolute;
				left: 32.5px;
				background-color: #4c4c4c;
				
			}
			.up{
				top: -190px;
			}
			.timefile{
				width: 300px;
				height: 120px;
				padding: 10px;
				border-radius: 10px;
				background-color: #4c4c4c;
				position: absolute;
				left: 65px;
				line-height: 30px;
			}
			.filedown{
				top: 110px;
				
			}
			.triangle{
				width: 0px;
				height: 0px;
				border-left: 20px solid transparent;
				border-top: 15px solid transparent;
				border-right: 20px solid #4c4c4c;
				border-bottom: 15px solid transparent;
				position: absolute;
				left:-37px;
				top: 5px;
				&:before{
					content: '';
					width: 13px;
					height: 13px;
					border-radius: 50%;
					display: inline-block;
					top: -7px;
					left: -20.5px;
					background-color: #4c4c4c;
					position: absolute;
				}
			}
		
	}
}